<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>vue.js</title>
	<script type="text/javascript" src="../js/vue.js"></script>
</head>
<body>
    <div id="app">
    	<h1>site : {{site}}</h1>
    	<h1>url : {{url}}</h1>
    	<h1>alex : {{alex}}</h1>
    </div>
    <script type="text/javascript">
        var data = {site: "hello, vue.js", url: "www.baidu.com", alex: 1000}
    	var vm = new Vue({
    		el: '#app',
    		data: data
    	})
        document.write(vm.a === data.a)
        document.write("<br>")
        vm.site = "Hello world"
        document.write(data.site + "<br>")
        data.alex = 1234
        document.write(vm.alex)
    </script>
</body>
</html>
